import React, { Component } from 'react'
import { Swiper } from 'antd-mobile'
import { $pre } from "../../../../http/http";

export default function Banner(props) {
  let { banner } = props
  // console.log('Banner', props);


  return (
    <Swiper autoplay style={{ "--height": "3.8rem" }}>
      {/* l轮播图展示区域 */}
      {banner.map((item) => {
        return (
          <Swiper.Item key={item.id}>
            <img style={{ width: "100%", height: "100%" }} src={$pre + item.img} alt="" />
          </Swiper.Item>
        );
      })}
    </Swiper>
  )
}


